/**
 * Created by 30947 on 2018/7/20.
 */
$(function(){
    getHt();
    makerMap();
})
//获取div的高度
function getHt(){
    var all_height=$(window).height();
    var div_height=all_height-84;
    $("#car_control").css("height",div_height+"px");


}
//加载地图
function makerMap(){
    map = new AMap.Map('map', {
        rotateEnable:true,
        pitchEnable:true,
        zoom: 12,
        pitch: 40,
        rotation: -15,
        viewMode:'3D', //开启3D视图,默认为关闭
        zooms:[2,45],
        center:[120.16, 30.25],
        mapStyle: 'amap://styles/a64d0039ca8709242184d4d490f3bfe4'
    });

    var controlBar = new AMap.ControlBar({
        position:{
            right:'10px',
            top:'10px'
        }
    });
    controlBar.addTo(map);

    var toolBar = new AMap.ToolBar({
        position:{
            right:'40px',
            top:'110px'
        }
    });
    toolBar.addTo(map);

    // 创建一个 Icon
    var startIcon = new AMap.Icon({
        // 图标尺寸
        size: new AMap.Size(50, 50),
        // 图标的取图地址
        image: 'img/加氢站.png',
        // 图标所用图片大小
        imageSize: new AMap.Size(50, 50),
        // 图标取图偏移量
        imageOffset: new AMap.Pixel(0, 0)
    });

    // 将 icon 传入 marker
    var startMarker = new AMap.Marker({
        position: new AMap.LngLat(120.16, 30.25),
        icon: startIcon,
        offset: new AMap.Pixel(-13, -30)
    });

    // 创建一个 icon
    var endIcon = new AMap.Icon({
        // 图标尺寸
        size: new AMap.Size(50, 50),
        // 图标的取图地址
        image: 'img/加氢站.png',
        // 图标所用图片大小
        imageSize: new AMap.Size(50, 50),
        // 图标取图偏移量
        imageOffset: new AMap.Pixel(0, 0)
    });

    // 将 icon 传入 marker
    var endMarker = new AMap.Marker({
        position: new AMap.LngLat(120.154607,30.326623),
        icon: endIcon,
        offset: new AMap.Pixel(-13, -30)
    });

    var newIcon = new AMap.Icon({
        // 图标尺寸
        size: new AMap.Size(50, 50),
        // 图标的取图地址
        image: 'img/加氢站.png',
        // 图标所用图片大小
        imageSize: new AMap.Size(50, 50),
        // 图标取图偏移量
        imageOffset: new AMap.Pixel(0, 0)
    });

    // 将 icon 传入 marker
    var newMarker = new AMap.Marker({
        position: new AMap.LngLat(120.233083,30.229564),
        icon: endIcon,
        offset: new AMap.Pixel(-13, -30)
    });

    // 将 markers 添加到地图
    map.add([startMarker, endMarker, newMarker]);

    function openInfo(){
        var info = [];
        info.push("<div style=\"padding:0px 0px 0px 4px;\"><b>杭州西湖-70Mpa加氢站</b>");
        info.push("今日单价： 35.00 元/公斤")
        info.push("地址 :杭州市西湖区</div></div>");
        infoWindow = new AMap.InfoWindow({
            content: info.join("<br/>"),  //使用默认信息窗体框样式，显示信息内容
            offset: new AMap.Pixel(10, -25)
        });
        infoWindow.open(map, startMarker.getPosition());
    }

    function openInfoNew(){
        var info = [];
        info.push("<div style=\"padding:0px 0px 0px 4px;\"><b class='b_title'>浙大城市学院-70Mpa加氢站</b>");
        info.push("今日加注车次： 15 辆")
        info.push("今日单价：    35.00 元/公斤")
        info.push("今日加氢总量： 50 公斤")
        info.push("地址 :杭州市拱墅区湖州街51号</div></div>")
        infoWindow = new AMap.InfoWindow({
            content: info.join("<br/>"),
            offset: new AMap.Pixel(10, -25)//使用默认信息窗体框样式，显示信息内容
        });
        infoWindow.open(map, endMarker.getPosition());
    }

    function openInfoNew1(){
        var info = [];
        info.push("<div style=\"padding:0px 0px 0px 4px;\"><b>奥体中心-70Mpa加氢站</b>");
        info.push("地址 :杭州市滨江区飞虹路</div></div>");
        infoWindow = new AMap.InfoWindow({
            content: info.join("<br/>"),
            offset: new AMap.Pixel(10, -25)//使用默认信息窗体框样式，显示信息内容
        });
        infoWindow.open(map, newMarker.getPosition());
    }

    function test(e){
        console.log("success")
    }

    startMarker.on("click", openInfo)
    endMarker.on("click", openInfoNew)
    newMarker.on("click", openInfoNew1)

}